<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="../css/header_common.css" />
    <title>Document</title>
  </head>
  <body>
    <!-- 注意：顶部样式引入时放在版心之外 -->
    <div class="header_nav">
      <header>
        <!-- 头部一楼 -->
        <div class="header_1 center">
          <ul>
            <li><a href="">登录</a></li>
            <li><a href="">帮助中心</a></li>
            <li><a href="">关于我们</a></li>
            <li><a href="">服务条款</a></li>
            <li><a href="">交易流程</a></li>
            <li><a href="">网站导航</a></li>
          </ul>
        </div>
        <!-- 头部一楼结束 -->
        <!-- 头部二楼开始 -->
        <div class="header_2">
          <div class="center">
            <div class="logo">
              <a href="">
                <img src="../image/header/logo.png" alt="">
              </a>
            </div>
            <div class="grid_item">
              <div>
                <span class="grid_item_lable">1</span>
                <span class="grid_item_text">机况评估</span>
              </div>
              <div class="process_dots">
                <span class="process_dot"></span>
                <span class="process_dot"></span>
                <span class="process_dot"></span>
              </div>
              <div>
                <span class="grid_item_lable">2</span>
                <span class="grid_item_text">获得报价</span>
              </div>
              <div >
                <span class="process_dot"></span>
                <span class="process_dot"></span>
                <span class="process_dot"></span>
              </div>
              <div>
                <span class="grid_item_lable">3</span>
                <span class="grid_item_text">提交订单</span>
              </div>
            </div>
          </div>
        </div>
        <!-- 头部二楼结束 -->
      </header>
    </div>
  </body>
</html>
